<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:rich="http://richfaces.org/rich" 
	xmlns:a4j="http://richfaces.org/a4j">
	
<head>

</head>
<ui:composition template="../WEB-INF/plantilla/layout.xhtml" contentType="text/html; charset=ISO-8859-1">
<ui:define name="contenido">
<script type="text/JavaScript" src="../resources/js/saex.js" />
		<h:form id="formPrincipal">
		<rich:messages  id="idMsmDocumento" globalOnly="false"></rich:messages>
        <h:outputLabel value="#{productoController.init}"> </h:outputLabel>
        
        
			<a4j:outputPanel id="pnlBusquedaProducto" style="width:75%">
				<rich:panel header="Consulta Producto" style="width:75%">

					<table width="100%" class="tabla">
						<tr>
							<td><h:outputLabel value="Codigo producto :" style="margin-left:30px"></h:outputLabel></td>
							<td><h:inputText style="width:80%;margin-right:80px"  value=""
							></h:inputText>
							</td>
							<td><a4j:commandButton value="Buscar" style="width:65%"
									 /></td>
						</tr>

						<tr >
							<td><h:outputLabel value="Nombre de producto :" style="margin-left:30px"></h:outputLabel></td>

							<td ><h:inputText style="width:80%;margin-right:80px" 
							        ></h:inputText>
							</td>
							

							<td ><a4j:commandButton value="Agregar" style="width:65%"
									onclick="#{rich:component('panelRegistroProducto')}.show()">
								</a4j:commandButton></td>
						</tr>
						<tr>
						<td colspan="3" height="15px">
						</td>
						</tr>
						
						<tr>
						
						<td colspan="3">
						<rich:dataTable id="dtProductos" style="width:100%"
							value="#{prodcutoController.listProductos}" var="prod"
							rows="10" iterationStatusVar="it" >
							<rich:column width="10%">
								<f:facet name="header">#</f:facet>
               					 #{it.index+1}
            				</rich:column>

							<rich:column style="text-align:center;" width="80%">
								<f:facet name="header">
									<h:outputText value="Código" />
								</f:facet>
								<h:outputText value="#{prod.codProducto}" />
							</rich:column>

							<rich:column style="text-align:center;" width="40%">
								<f:facet name="header">
									<h:outputText value="Nombre" />
								</f:facet>
								<h:outputText value="#{prod.nomProducto}" />
							</rich:column>

							<rich:column style="text-align:center;" width="20%">
								<f:facet name="header">
									<h:outputText value="Descripción" />
								</f:facet>
								<h:outputText value="#{prod.desProducto}" />
							</rich:column>

							
							<f:facet name="footer">
							 <rich:dataScroller page="#{productoController.page}" fastControls="hide" />
            				</f:facet>
							 

						</rich:dataTable>
						</td>
						</tr>
					</table>
					<br />


					
				</rich:panel>
			</a4j:outputPanel>
		</h:form>

		<rich:popupPanel id="panelRegistroProducto" modal="true"
			resizeable="true">
			<f:facet name="header">
				<h:panelGroup>
					<h:outputText value="Registro de Producto"></h:outputText>
				</h:panelGroup>
			</f:facet>
			<f:facet name="controls">
				<h:outputLink
					onclick="#{rich:component('panelRegistroProcucto')}.hide(); return false;">
                X
            </h:outputLink>
			</f:facet>

			<h:form id="frmNuevoProducto">
			
				<fieldset>
				<rich:messages  id="idMsmNuevo"  globalOnly="true"/>
					<h:panelGrid columns="1" width="100%" styleClass="tabla">
						<h:panelGrid columns="2">
							<h:outputLabel value="Nombre"></h:outputLabel>
							<h:inputText ></h:inputText>
						
							<h:outputLabel value="Descripción"></h:outputLabel>
							<h:inputText  ></h:inputText>
							
							<h:outputLabel value="Precio de venta"></h:outputLabel>
							<h:inputText  ></h:inputText>
							
							<h:outputLabel value="Costo unitario"></h:outputLabel>
							<h:inputText  ></h:inputText>
							
							<h:outputLabel value="Unidad de medida"></h:outputLabel>
							<h:inputText  ></h:inputText>
							
							<h:outputLabel value="Stock mínimo"></h:outputLabel>
							<h:inputText  ></h:inputText>
							
							<h:outputLabel value="Stock máximo"></h:outputLabel>
							<h:inputText  ></h:inputText>
													
						</h:panelGrid>
						<h:panelGrid columns="2">
							<a4j:commandButton value="Agregar" render="idMsmNuevo,frmNuevoProducto"
								id="cmdAgregar" oncomplete="#{rich:component('panelRegistroProducto')}.hide(); return false;">
							</a4j:commandButton>
							
							<a4j:commandButton value="Salir" render="dtEmpresas"
								onclick="#{rich:component('panelRegistroProducto')}.hide()">
							</a4j:commandButton>
						</h:panelGrid>
					</h:panelGrid>
				</fieldset>
			</h:form>
		</rich:popupPanel>

	</ui:define>
</ui:composition>
</html>